<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>朝阳区档案馆</title>
    <link rel="stylesheet" href="../assets/common/common.css">
    <link rel="stylesheet" href="styles.css">
</head>

<body>
    <!-- 上方图片区域 -->
    <div class="header-image">
        <div class="carousel-container">
            <img src="../assets/pic-tip.png" alt="标题" class="carousel-image">
            <div class="carousel-slide carousel-slide-1">
            </div>
            <div class="carousel-slide carousel-slide-2">
            </div>
            <div class="carousel-slide carousel-slide-3">
            </div>
            <div class="carousel-slide carousel-slide-4">
            </div>
            <!-- 轮播图指示器 -->
            <div class="carousel-indicators">
                <span class="indicator active" data-slide="0"></span>
                <span class="indicator" data-slide="1"></span>
                <span class="indicator" data-slide="2"></span>
                <span class="indicator" data-slide="3"></span>
            </div>
        </div>
    </div>

    <!-- 中间菜单区域 -->
    <div class="menu-container">
        <ul class="main-menu">
            <li class="menu-item " data-menu="home">首页</li>
            <li class="menu-item" data-menu="status">工作动态
                <ul class="submenu">
                    <li class="submenu-item" data-submenu="status1">馆办动态</li>
                    <li class="submenu-item" data-submenu="statu2">业内动态</li>
                </ul>
            </li>
            <li class="menu-item" data-menu="notices">通知公告</li>
            <li class="menu-item has-submenu" data-menu="services">
                公众服务
                <ul class="submenu">
                    <li class="submenu-item" data-submenu="service4">查档指南</li>
                    <li class="submenu-item" data-submenu="service5">开放档案</li>
                    <li class="submenu-item" data-submenu="service1">观展预约</li>
                    <li class="submenu-item" data-submenu="service2">咨询留言</li>
                    <li class="submenu-item" data-submenu="service3">档案捐赠</li>

                </ul>
            </li>
            <li class="menu-item active" data-menu="overview">馆办概况
                <ul class="submenu">
                    <li class="submenu-item" data-submenu="overview1">单位概况</li>
                    <li class="submenu-item" data-submenu="overview2">馆藏介绍</li>
                </ul>
            </li>
            <li class="menu-item" data-menu="culture">档案方志文化
                <ul class="submenu">
                    <li class="submenu-item" data-submenu="culture1">网上展厅</li>
                    <li class="submenu-item" data-submenu="culture2">编研成果</li>
                </ul>
            </li>
        </ul>
    </div>

    <!-- 中部内容区域 -->
    <div class="content-container">
        <div class="bar"></div>
        <div class="content-wrapper">
            <!-- 左侧树形菜单 -->
            <div class="tree-container">
                <ul class="tree-menu">
                    <li class="tree-item" data-tree="public-service">
                        <span class="tree-text" style="color:#fff">馆办概况</span>
                    </li>
                     <li class="tree-item selected" data-tree="inquiry">
                        <span class="tree-text">单位概况</span>
                        <span class="tree-arrow">▶</span>
                    </li>
                    <li class="tree-item " data-tree="exhibition">
                        <span class="tree-text">馆藏介绍</span>
                        <span class="tree-arrow">▶</span>
                    </li>
                   
                </ul>
            </div>

            <!-- 右侧列表区域 -->
            <div class="list-container">
                <div class="list-header">
                    <div id="current-menu">
                        <div class="title">单位概况</div>
                    </div>
                </div>
                <!-- 单位概况 -->
                <div class="uni-intro">
                    <div class="intro-content">
                        <p>北京市朝阳区档案馆成立于1965年5月，是集中保存、管理全区重要档案的文化事业机构，是区直属事业单位，归口区委办公室管理，与区地方志编纂委员会办公室合署办公。</p>
                        
                        <h3>发展历程</h3>
                        <ul class="timeline">
                            <li><span class="year">1965年5月</span> 北京市朝阳区档案馆成立</li>
                            <li><span class="year">1980年</span> 恢复工作</li>
                            <li><span class="year">1996年</span> 建立名人档案库，收录吴英恺等13位社会人士档案，同年获评区级爱国主义教育基地</li>
                            <li><span class="year">2023年6月</span> 新馆建成启用</li>
                            <li><span class="year">2024年</span> 获"全国档案系统先进集体"称号</li>
                        </ul>
                        
                        <h3>场馆规模</h3>
                        <p>原老馆建筑面积2880平方米，新馆位于望京东路与望花路交汇处西北角，总建筑面积4万余平方米。</p>
                        
                        <h3>馆藏情况</h3>
                        <p>馆藏全宗203个，涵盖文书、科技、民生等门类档案及资料86万余卷（件、册），电子目录500余万条（2016年数据）。</p>
                        
                        <h3>基础设施</h3>
                        <p>新馆配备高压细水雾消防系统，设有档案阅览区、展览厅及学术报告厅（417座）。</p>
                        
                        <h3>数字化建设</h3>
                        <p>开展数字档案馆建设，完成2500万页档案数字化，开发档案查询、视频直播等便民服务。</p>
                        
                        <h3>主要职能</h3>
                        <p>承担档案保管利用、地方志编纂及区情历史研究等职能。</p>
                        
                        <h3>单位地址</h3>
                        <p>北京市朝阳区望京东路与望花路交汇处西北角</p>
                        
                        <h3>联系方式</h3>
                        <p>联系电话：010-12345678</p>
                        <p>电子邮箱：archives@chaoyang.gov.cn</p>
                    </div>
                </div>
                <!-- 馆藏介绍 -->
                <div class="collection-container">
                    <div class="collection-image-container">
                        <div class="collection-content-wrapper">
                            <h2 class="archive-title">北京市朝阳区档案馆</h2>
                            <div class="publish-info">
                                <span class="publish-date">发布时间：2025-08-14</span>
                                <span class="publisher">发布者：系统管理员</span>
                            </div>
                            <div class="archive-image-wrapper">
                                <img src="../assets/WechatIMG7437-2.png" alt="朝阳区档案馆建筑" class="archive-building-image">
                            </div>
                            <div class="archive-description">
                                <p>北京市朝阳区档案馆成立于1965年5月，为区直属事业单位，归口区委办公室管理，与区地方志编纂委员会办公室合署办公。原老馆建筑面积2880平方米，新馆位于望京东路与望花路交汇处西北角，总建筑面积4万余平方米，馆藏全宗203个，涵盖文书、科技、民生等门类档案及资料86万余卷（件、册），电子目录500余万条[2016]。该馆承担档案保管利用、地方志编纂及区情历史研究等职能，2024年获'全国档案系统先进集体'称号。
                                    1980年恢复工作，1996年建立名人档案库，收录吴英恺等13位社会人士档案，同年获评区级爱国主义教育基地。2023年6月新馆建成启用，配备高压细水雾消防系统，设有档案阅览区、展览厅及学术报告厅（417座），开展数字档案馆建设，完成2500万页档案数字化，开发档案查询、视频直播等便民服务。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <!-- 下方信息页 -->
    <div class="footer-info">
        <div class="footer-content">
            <div class="footer-links">
                <div class="footer-section">
                    <p>友情链接</p>
                    <p>联系我们</p>
                    <p>版权声明</p>

                </div>

            </div>
            <p>京ICP备05008885号 京公网安备11010102003012号</p>
            <div class="footer-copyright">
                <p>版权所有： 2023 朝阳区档案馆.</p>
            </div>
            <img src="../assets/shiyedanwei.png" class="shi-icon">
        </div>
    </div>

    <script src="../assets/common/common.js"></script>
    <script src="script.js"></script>

</body>

</html>